<!doctype html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="viewport"
		content="width=device-width, maximum-scale=5.0, minimum-scale=0.1, shrink-to-fit=yes">
	<meta name="viewport" id="changeScale" content="initial-scale=0.25">
	<meta name="theme-color" content="#ffffff">
	<link rel="shortcut icon" type="image/png" href="https://www.scanv.com/static/favicon.png">
	<title></title>
	<style>
		.loading {
			position: fixed;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 100%
		}

		.loading> .spin {
			width: 60px;
			height: 60px;
			animation: rotator 1.4s linear infinite
		}

		@keyframes rotator {
			0% {
				transform: rotate(0)
			}

			100% {
				transform: rotate(270deg)
			}
		}

		.spin> .path {
			stroke-dasharray: 187;
			stroke-dashoffset: 0;
			transform-origin: center;
			animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite
		}

		@keyframes colors {

			0%,
			100% {
				stroke: #4285f4
			}

			25% {
				stroke: #de3e35
			}

			50% {
				stroke: #f7c223
			}

			75% {
				stroke: #1b9a59
			}
		}

		@keyframes dash {
			0% {
				stroke-dashoffset: 187
			}

			50% {
				stroke-dashoffset: 46;
				transform: rotate(135deg)
			}

			100% {
				stroke-dashoffset: 187;
				transform: rotate(450deg)
			}
		}
	</style>
	<script>var global = globalThis</script>
	<script src="/assets/config.js"></script>
</head>

<body>
	<noscript>You need to enable JavaScript to run this app.</noscript>
	<div id="kuiper_app">
		<div class="loading">
			<svg class="spin" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
				<circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30">
				</circle>
			</svg>
		</div>
	</div>
	<script type="module" src="./browser.entry.js"></script>
</body>

</html>
